<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>我的</title>
    <link rel="stylesheet" href="../css/shouye.css" />
    <link rel="stylesheet" href="../css/reset.css" />
    <link rel="stylesheet" href="../css/swiper.min.css" />
    <link rel="stylesheet" href="../css/bootstrap.css" />
    <script src="../js/jquery-1.12.4.min.js"></script>
    <script type="text/javascript" src="../js/bootstrap.min.js"></script>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <script type="text/javascript" src="../js/flexible.debug (1).js"></script>
    <script type="text/javascript" src="../js/flexible_css.debug (1).js"></script>
</head>

<body>
    <header class="header">
        <p>
            <span>北京市</span>
            <span>
                <img src="../images/shouye/top.png" alt="">
            </span>
        </p>
        <p>
            <img src="../images/shouye/top_1.png" alt="">
        </p>
        <p>
            <img src="../images/shouye/phone.png" alt="">
        </p>
    </header>

    <div id="banner" class="carousel slide">
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
            <li data-target="#myCarousel" data-slide-to="3"></li>
        </ol>
        <!-- Carousel items -->
        <div class="carousel-inner">
            <div class="active item">
                <a href="#">
                    <img src="../images/shouye/big_img.png">
                </a>
            </div>
            <div class="item">
                <a href="#">
                    <img src="../images/shouye/big_img2.png">
                </a>
            </div>
            <div class="item">
                <a href="#">
                    <img src="../images/shouye/big_img.png">
                </a>
            </div>
            <div class="item">
                <a href="#">
                    <img src="../images/shouye/big_img2.png">
                </a>
            </div>
        </div>
        <!-- Carousel nav -->
        <a class="carousel-control left" href="#banner" data-slide="prev">&lsaquo;</a>
        <a class="carousel-control right" href="#banner" data-slide="next">&rsaquo;</a>
    </div>

    <div class="swiper-container abc">
        <div class="swiper-wrapper">

            <div class="swiper-slide">
                <dl>
                    <dd>
                        <a href="">
                            <img src="../images/shouye/logo1.png" />
                    </dd>
                    </a>
                    <dt>月嫂</dt>
                </dl>
                <dl>
                    <dd>
                        <a href="">
                            <img src="../images/shouye/logo2.png" />
                    </dd>
                    </a>
                    <dt>育婴师</dt>
                </dl>
                <dl>
                    <dd>
                        <a href="">
                            <img src="../images/shouye/logo3.png" />
                    </dd>
                    </a>
                    <dt>日常保洁</dt>
                </dl>
                <dl>
                    <dd>
                        <a href="">
                            <img src="../images/shouye/logo4.png" />
                    </dd>
                    </a>
                    <dt>深度保洁</dt>
                </dl>
                <dl>
                    <dd>
                        <a href="">
                            <img src="../images/shouye/logo5.png" />
                    </dd>
                    </a>
                    <dt>钟点工</dt>
                </dl>
                <dl>
                    <dd>
                        <a href="">
                            <img src="../images/shouye/logo6.png" />
                    </dd>
                    </a>
                    <dt>一般家务</dt>
                </dl>
                <dl>
                    <dd>
                        <a href="">
                            <img src="../images/shouye/logo7.png" />
                    </dd>
                    </a>
                    <dt>老人陪护</dt>
                </dl>
                <dl>
                    <dd>
                        <a href="">
                            <img src="../images/shouye/logo8.png" />
                    </dd>
                    </a>
                    <dt>医院陪护</dt>
                </dl>
            </div>
            <div class="swiper-slide">
                <dl>
                    <dd>
                        <a href="">
                            <img src="../images/shouye/logo1.png" />
                    </dd>
                    </a>
                    <dt>月嫂</dt>
                </dl>
                <dl>
                    <dd>
                        <a href="">
                            <img src="../images/shouye/logo2.png" />
                    </dd>
                    </a>
                    <dt>育婴师</dt>
                </dl>
                <dl>
                    <dd>
                        <a href="">
                            <img src="../images/shouye/logo3.png" />
                    </dd>
                    </a>
                    <dt>日常保洁</dt>
                </dl>
                <dl>
                    <dd>
                        <a href="">
                            <img src="../images/shouye/logo4.png" />
                    </dd>
                    </a>
                    <dt>深度保洁</dt>
                </dl>
                <dl>
                    <dd>
                        <a href="">
                            <img src="../images/shouye/logo5.png" />
                    </dd>
                    </a>
                    <dt>钟点工</dt>
                </dl>
                <dl>
                    <dd>
                        <a href="">
                            <img src="../images/shouye/logo6.png" />
                    </dd>
                    </a>
                    <dt>一般家务</dt>
                </dl>
                <dl>
                    <dd>
                        <a href="">
                            <img src="../images/shouye/logo7.png" />
                    </dd>
                    </a>
                    <dt>老人陪护</dt>
                </dl>
                <dl>
                    <dd>
                        <a href="">
                            <img src="../images/shouye/logo8.png" />
                    </dd>
                    </a>
                    <dt>医院陪护</dt>
                </dl>
            </div>
        </div>
    </div>
    <div class="logo">
        <img src="../images/shouye/big_img2.png" alt="">
    </div>

    <div class="box">
        <p>帮你推荐</p>
        <div>
            <img src="../images/shouye/m1.png" alt="">
            <p class="p1">有机铁棍管家帮淮山粉活动特卖</p>
            <p class="p2">￥99/提<span>￥299</span></p>
        </div>
        <div>
            <img src="../images/shouye/m2.png" alt="">
            <p class="p1">有机铁棍管家帮淮山粉活动特卖</p>
            <p class="p2">￥99/提<span>￥299</span></p>
        </div>
        <div>
            <img src="../images/shouye/m2.png" alt="">
            <p class="p1">有机铁棍管家帮淮山粉活动特卖</p>
            <p class="p2">￥99/提<span>￥299</span></p>
        </div>
    </div>

    <div class="logo1">
        <img src="../images/shouye/1_1.png" alt="">
    </div>


    <div class="box2">
        <div>
            <img src="../images/shouye/s1.png" alt="">
            <p class="p1">老人陪护</p>
            <p class="p2">全面清洁 省心省力</p>
        </div>
        <div>
            <img src="../images/shouye/s2.png" alt="">
            <p class="p1">钟点工</p>
            <p class="p2">全面清洁 省心省力</p>
        </div>
        <div>
            <img src="../images/shouye/s3.png" alt="">
            <p class="p1">老人陪护</p>
            <p class="p2">家有陪伴 更安心</p>
        </div>
        <div>
            <img src="../images/shouye/s4.png" alt="">
            <p class="p1">日常保洁</p>
            <p class="p2">全面清洁 省心省力</p>
        </div>
    </div>
    <div class="logo3">
        <img src="../images/shouye/1_2.png" alt="">
    </div>

    <div class="box5">
        <div>
            <img src="../images/shouye/t1.png" alt="">
            <p class="p1">有机牛奶</p>
            <p class="p2">￥100/箱</p>
        </div>
        <div>
            <img src="../images/shouye/t2.png" alt="">
            <p class="p1">水果礼盒</p>
            <p class="p2">￥120/箱</p>
        </div>
        <div>
            <img src="../images/shouye/t3.png" alt="">
            <p class="p1">稻花香米</p>
            <p class="p2">￥120/袋</p>
        </div>
        <div>
            <img src="../images/shouye/t4.png" alt="">
            <p class="p1">北京有机老母鸡</p>
            <p class="p2">￥108/袋</p>
        </div>
    </div>
    <div class="logo3">
        <img src="../images/shouye/1_3.png" alt="">
    </div>
    <div class="box4">
        <div>
            <img src="../images/shouye/b1.png" alt="">
            <p class="p1">金卡保洁卡</p>
            <p class="p2">￥5000/VIP</p>
        </div>
        <div>
            <img src="../images/shouye/b2.png" alt="">
            <p class="p1">小萱</p>
            <p class="p2">￥5980/台</p>
        </div>
        <div>
            <img src="../images/shouye/b3.png" alt="">
            <p class="p1">管家帮酒</p>
            <p class="p2">￥150/瓶</p>
        </div>
        <div>
            <img src="../images/shouye/b4.png" alt="">
            <p class="p1">铁棍淮山粉</p>
            <p class="p2">￥230/提</p>
        </div>
    </div>
    <div class="logo3">
        <img src="../images/shouye/1_4.png" alt="">
    </div>
    <div class="box5">
        <div>
            <img src="../images/shouye/a1.png" alt="">
            <p class="p1">高级月嫂</p>
            <p class="p2">全面清洁 省心省力</p>
        </div>
        <div>
            <img src="../images/shouye/a2.png" alt="">
            <p class="p1">高级育婴师</p>
            <p class="p2">全面清洁 省心省力</p>
        </div>
        <div>
            <img src="../images/shouye/a3.png" alt="">
            <p class="p1">小儿推拿</p>
            <p class="p2">家有陪伴 更安心</p>
        </div>
        <div>
            <img src="../images/shouye/a4.png" alt="">
            <p class="p1">催乳师</p>
            <p class="p2">全面清洁 省心省力</p>
        </div>
    </div>
    <div class="bottom">
        <p>已经到底部了</p>
        <p>
            <span>品质</span>
            <span>专业</span>
            <span>安全</span>
            <span>便捷</span>
        </p>
    </div>
     <footer class="footer">
            <dl>
                <dd><a href="shouye.html"><img src="../images/shouye/f1.png" /></dd></a>
                <dt>首页</dt>
            </dl>
            <dl>
                <dd><a href="fenlei.html"><img src="../images/shouye/f2.png" /></dd></a>
                <dt>分类</dt>
            </dl>
            <dl>
                <dd><a href="shop.html"><img src="../images/shouye/f3.png" /></dd></a>
                <dt>购物车</dt>
            </dl>
            <dl>
                <dd><a href="me.html"><img src="../images/shouye/f4.png" /></dd></a>
                <dt>我的</dt>
            </dl>
        </footer>



    <script src="../js/jquery-3.2.1.min.js"></script>
    <script src="../js/swiper-3.4.2.jquery.min.js"></script>
    <script src="../swiper/swiper.animate1.0.2.min.js"></script>
    <script>
        var mySwiper = new Swiper('.abc', {

            onInit: function (swiper) {
                swiperAnimate(swiper);
            },
            onSlideChangeEnd: function (swiper) {
                swiperAnimate(swiper);
            },
        })
    </script>
</body>

</html>